<!DOCTYPE html>
{% load static %}
<!-- saved from url=(0049)https://www.jq22.com/demo/jqueryzcdl202110260028/ -->
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>web_chart</title>
    <link rel="stylesheet" href="{% static 'css/register_login/normalize.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/register_login/style.css' %}">
    <link rel="shortcut icon" href="{% static 'ico/favicon.ico' %}"/>
</head>

<body style="">
<div id="formContainer" class="dwo">
    <div class="formLeft">
        <img src="{% static 'images/register_login/avatar.png' %}">
    </div>
    <div class="formRight">
        <!-- Forgot password form -->
        <form id="forgot" class="otherForm">
            <header>
                <h1>忘记密码</h1>
                <p>输入邮箱找回密码</p>
            </header>
            <section>
                <label>
                    <p>邮箱</p>
                    <input type="email" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">发送邮件</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">返回</button>
            </footer>
        </form>

        <!-- Login form -->
        <form id="login">
            <header>
                <h1>欢迎回来</h1>
                <p>请先登录</p>
            </header>
            <section>
                <label>
                    <p>用户名</p>
                    <input type="text" placeholder=" " value="admin">
                    <div class="border"></div>
                </label>
                <label>
                    <p>密码</p>
                    <input type="password" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">登 录</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">忘记密码？</button>
                <button type="button" class="registerBtn">新用户？</button>
            </footer>
        </form>

        <!-- Register form -->
        <form id="register" class="otherForm">
            <header>
                <h1>用户注册</h1>
                <p>注册后享受更多服务</p>
            </header>
            <section>
                <label>
                    <p>用户名</p>
                    <input type="text" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>邮箱</p>
                    <input type="email" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>密码</p>
                    <input type="password" placeholder=" ">
                    <div class="border"></div>
                </label>
                <label>
                    <p>重复密码</p>
                    <input type="password" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">注 册</button>
            </section>
            <footer>
                <button type="button" class="registerBtn">返回</button>
            </footer>
        </form>
    </div>
</div>
<script src="{% static 'js/register_login/jquery-1.10.2.js.下载' %}"></script>
<script src="{% static 'js/register_login/jquery.min.js.下载' %}"></script>
<script src="{% static 'js/register_login/script.js.下载' %}"></script>
</body>
</html>